.homePageSubstationEnergyConsumptionPageRealTimePowerPage {
    display: flex;
    height: 100%;

    .homePageSubstationEnergyConsumptionPageRealTimePowerPage-openDrawerImgae {
        width: 38px;
        height: 160px;
        position: absolute;
        top: calc((484 / 1080 * 100%));
        right: 0;
        cursor: pointer;
    }

    .homePageSubstationEnergyConsumptionPageRealTimePowerPage-substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponent {
        width: 360px;
        height: 100%;

        .homePageSubstationEnergyConsumptionPageRealTimePowerPage-substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponent__closeDrawerImgae {
            width: 38px;
            height: 160px;
            position: absolute;
            top: calc((484 / 1080 * (100% - 64px)));
            left: -39px;
            cursor: pointer;
        }

        .homePageSubstationEnergyConsumptionPageRealTimePowerPage-substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponent__header {
            padding: 12px 19px 12px 16px;
            background-color: rgba(23, 161, 230, 0.1);
            font-size: 14px;
            font-weight: 400;
            color: #B8D6E6;

            .substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponent-header__siteSelect {
                width: 100%;
                margin-right: 30px;
            }


            .powerSupplyQualityOfSubstationPageDrawerContentComponent-header__indexSelect {
                width: 160px;
            }

            :global {

                // 选择框
                .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
                    font-size: 14px;
                    background-color: rgba(0, 0, 0, 0);
                    font-weight: 400;
                    height: 32px;
                    border-radius: 2px;
                    border: 1px solid rgba(23, 161, 230, 0.5);
                }

                //选择框文字
                .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
                    color: #B8D6E6;

                }

                // 选择框下拉箭头
                .ant-select-arrow {
                    color: #7A8F99;
                }

                // 选择框hover
                .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
                    border: 1px solid rgba(23, 161, 230, 1);
                }

                //  选择框选择完成
                .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
                    box-shadow: none;
                }
            }

        }

        .homePageSubstationEnergyConsumptionPageRealTimePowerPage-substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponent__main {
            width: 100%;
            margin-top: 24px;

            .substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponent-main__panel {
                pointer-events: auto;
                width: 360px;
                background-color: rgba(9, 27, 35, 0.8);

                .main-panel__header {
                    background-image: url("../../../../../../assets/image/标题背景框@2x.png");
                    background-size: 100% 100%;
                    width: fit-content;
                    height: 30px;
                    font-size: 14px;
                    font-weight: 500;
                    color: #B8D6E6;
                    padding: 10px 24px 0 8px;
                }
            }

            .substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponent-main__powerPanel {
                width: 100%;
                height:337px;
                border-top: 1px solid rgba(23, 161, 230, 0.3);
                border-bottom: 1px solid rgba(23, 161, 230, 0.3);

                .main-powerPanel__main {
                    padding-left: 16px;


                    .powerPanel-main__card {
                        margin-top: 22px;
                        font-size: 12px;
                        font-weight: 400;
                        color: #8FB8CC;

                        .main-card__value {
                            margin: 8px 0 2px;
                            font-size: 24px;
                            font-weight: 500;
                            color: #2BEDE6;
                        }
                    }

                }

            }



            .substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponent-main__substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponentBottomComponent {
                width: 100%;
                height: calc(100vh - 64px - 457px - 32px);

                .main-substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponentBottomComponent__echartsLine {
                    width: 100%;
                    height: 277px;
                    margin-top: 10px;

                    .substationEnergyConsumptionPageRealTimePowerPageDrawerComponentDrawerContentComponentBottomComponent-echartsLine__tooltip {
                        padding-right: 36px;
                        font-size: 12px;
                        font-weight: 400;
                        color: #8FB8CC;

                        .echartsLine-tooltip__row {
                            display: flex;
                            align-items: center;
                            font-weight: 500;
                            color: #FFFFFF;
                            margin: 5px 0;

                            .tooltip-row__legend {
                                width: 8px;
                                height: 8px;
                            }

                            .tooltip-row__legend0 {
                                background-color: #5B8FF9;
                            }

                            .tooltip-row__legend1 {
                                background-color: #5AD8A6;
                            }

                            .tooltip-row__legend2 {
                                background-color: #5D7092;
                            }

                            .tooltip-row__seriesName {
                                font-weight: 500;
                                color: #8FB8CC;
                                margin: 0 12px;
                            }
                        }
                    }
                }

            }
        }
    }



}

:global {

    // 下拉框
    .ant-select-dropdown.header-siteSelect__selectDropdown {
        background-color: rgba(15, 56, 77, 0.9);
        box-shadow: 0px 6px 16px 0px rgba(9, 13, 15, 0.3), 0px 3px 6px 0px rgba(9, 13, 15, 0.2);
        border-radius: 2px;
        border: 1px solid rgba(23, 161, 230, 1);
        padding: 0;

        // 下拉框文字
        .ant-select-item-option-content {
            font-size: 14px;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.85);

        }

        // 下拉框选中选项
        .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
            background-color: rgba(23, 161, 230, 0.5);
            border-radius: 0%;
        }

        // 下拉框分组标题
        .ant-select-item-group {
            font-size: 14px;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.65);
            border-radius: 2px;
            border-top: 1px solid rgba(23, 161, 230, 0.2);
        }
    }
}